<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="fragment/headFragment:: head"></div>
<body class="cbp-spmenu-push">
<div class="main-content">
    <!--left-fixed -navigation-->
    <div th:replace="fragment/left_sidebar:: left_sidebar"></div>
    <!--left-fixed -navigation-->
    <!-- header-starts -->
    <div th:replace="fragment/header_section::header_section"></div>
    <!-- //header-ends -->
    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <div class="row">
                <h3 class="title1" th:text="${main}">General Form :</h3>
                <h4>带*为必填项</h4>
                <div class="form-three widget-shadow">
                    <form class="form-horizontal"
                          th:action="@{/workOrder/addSubmit(current=1,size=10)}" method="post">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单分类:*</label>
                            <div class="col-sm-8">
                                <select name="worktype" required>
                                    <option value="">全部分类</option>
                                    <option value="分类一">分类一</option>
                                    <option value="分类二">分类二</option>
                                    <option value="分类三">分类三</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单标题:*</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control1"
                                       name="title" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单简介:</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control1"
                                       name="orderdesc">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">客服id:</label>
                            <div class="col-sm-8">
                                <input readonly type="number" class="form-control1" th:attr="value=${id}"
                                       name="customerserviceid">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单渠道:*</label>
                            <div class="col-sm-8">
                                <select name="channel" required>
                                    <option value="">全部渠道</option>
                                    <option value="手动录入">手动录入</option>
                                    <option value="即时聊天">即时聊天</option>
                                    <option value="客户管理">客户管理</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单状态:*</label>
                            <div class="col-sm-8">
                                <select name="state" required>
                                    <option value="">全部状态</option>
                                    <option value="未分配">未分配</option>
                                    <option value="待处理">待处理</option>
                                    <option value="处理中">处理中</option>
                                    <option value="已解决">已解决</option>
                                    <option value="已关闭">已关闭</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">客户id:*</label>
                            <div class="col-sm-8">
                                <input type="number" class="form-control1"
                                       name="customerid" required
                                       oninput="if(value<=0)value=1">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单优先级:*</label>
                            <div class="col-sm-8">
                                <select name="priority" required>
                                    <option value="">全部优先级</option>
                                    <option value="低">低</option>
                                    <option value="中">中</option>
                                    <option value="高">高</option>
                                    <option value="紧急">紧急</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工单详情:*</label>
                            <div class="col-sm-8">
                                <input name="attachments" th:cols="50" th:rows="4"
                                       class="form-control1" required>
                            </div>
                        </div>

                        <div style="text-align: center">
                            <button type="submit" class="btn btn-default" style="margin-right: 20px">添加</button>
                            <a th:href="@{/workOrder/index(current=1,size=10)}">
                                <button type="button" class="btn btn-default">返回</button>
                            </a>
                        </div>

                    </form>
                </div>
            </div>

        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p>Copyright &copy; 2021.Igeek All rights reserved.</p>
    </div>
    <!--//footer-->
</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };


    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>
</body>
</html>